import BaseComponent from "../../../common/components/common/BaseComponent";
import React from "react";
import { DropTarget } from "react-dnd";

const spec = {
  drop(props:any) {
    return {
      text: props.text
    };
  }
};

@DropTarget('type', spec, (connect, monitor) => ({
  connectDragSource: connect.dropTarget(),
  isDragging: monitor.isOver()
}))
class Target extends BaseComponent{
  public render(){
    return (
      <div style={{ width: 100, height: 100 }}>Target</div>
    )
  }
}

export default Target